<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>手办商城</title>
    <script src="../static/js/toy.js"></script>
    <script src="../static/js/comment.js"></script>
    <link rel="stylesheet" href="../static/css/toy.css">
</head>
<body>
<!--大框  -->
<div id="container">
    <!-- 1 头部-->
    <div id="header">
        <div id="logo"></div>
        <div id="title">
            <br style="font-size: 30px;">
            <font style="font-family: STHupo; font-size: 50px;">
                手办商城<br/>
            </font>
            <font style="font-family: STHupo; font-size: 30px;">
                TOY MALL
            </font>
        </div>
        <div id="select_search">
            <table height="160px" align="right">
                <!--						<tr align="right">-->
                <!--							<td>-->
                <!--								<font style="font-family: STHupo; font-size: 20px; color:#0F5F49;">-->
                <!--									关键词:-->
                <!--								</font>-->
                <!--							</td>-->
                <!--							<td><input type="text" size="25"></td>-->
                <!--							<td><input type="image" src="../static/images/搜索.png"></td>-->
                <!--						</tr>-->
                <tr align="right">
                    <td>
                        <span style="font-family: STHupo; font-size: 20px; color:#0F5F49;">欢迎你：</span><span
                            th:text="${user.account}"
                            style="font-family: STHupo; font-size: 20px; color:#0F5F49;">用户</span>
                        <a href="userInfo"
                           style="font-family: STHupo; font-size: 20px; color:#0F5F49;  margin-left: 20px">
                            个人资料
                        </a>
                    </td>
                    <td><a href="/"
                           style="font-family: STHupo; font-size: 20px; color:#0F5F49; margin-left: 10px">注销</a></td>
                </tr>
            </table>
        </div>
    </div>
    <!-- 2  导航栏-->
    <div id="nav">
        <table>
            <td><a href="index">首页</a></td>
            <td><a href="introduction">篮球赛事介绍</a></td>
            <td><a href="match">比赛集锦</a></td>
            <td><a href="tips">篮球攻略</a></td>
            <td><a href="star_player">名人堂</a></td>
            <!-- <td ><a href="toy">手办商城</a></td>
            <td ><a href="survey">问卷调查</a></td>  -->
            <!-- <td ><a href="join">加入我们</a></td>  -->
        </table>
    </div>
    <!--3购物区  -->
    <div>
        <form name="lzjForm" method="post" action="">
            <table id="shouban">
                <tr id="one">
                    <td>
                        <img src="../static/images/toy1.png"><br>
                        <h4>詹姆斯Q版手办</h4>
                        <input type="checkbox" name="sp0" onclick="checkSelect(0);">￥ 29.00<br>
                    </td>
                    <td>
                        <img src="../static/images/toy2.png"><br>
                        <h4>库里Q版手办</h4>
                        <input type="checkbox" name="sp1" onclick="checkSelect(1);">￥ 29.00<br>
                    </td>
                    <td>
                        <img src="../static/images/toy3.png"><br>
                        <h4>欧文Q版手办</h4>
                        <input type="checkbox" name="sp2" onclick="checkSelect(2);">￥ 29.00<br>
                    </td>
                </tr>
                <tr id="two">
                    <td>
                        <img src="../static/images/toy4.png"><br>
                        <h4>库里套装周边礼盒</h4>
                        <input type="checkbox" name="sp3" onclick="checkSelect(3);">￥ 69.00<br>
                    </td>
                    <td>
                        <img src="../static/images/toy5.png"><br>
                        <h4>科比套装周边礼盒</h4>
                        <input type="checkbox" name="sp4" onclick="checkSelect(4);">￥ 69.00<br>
                    <td>
                        <img src="../static/images/toy6.png"><br>
                        <h4>字母哥套装周边礼盒</h4>
                        <input type="checkbox" name="sp5" onclick="checkSelect(5);">￥ 69.00<br>
                </tr>
                <tr>
                    <td colspan="3">
                        <input class="myBtn" type="button" value="查看购物车" onclick="shoppingCart()">
                        <input class="myBtn" type="button" value="收银台结算" onclick="checkOut()">
                        <input class="myBtn" type="button" value="初始化参数" onclick="clearAll()">
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <!-- 4 留言区-->
    <div id="comment">
        <h2>留言板</h2>
        <hr size="2px" color="#b5b5b5" width="990px" align="left">
        <form>
            <table align="center">
                <tr>
                    <td>邮箱：</td>
                    <td><input type="text" id="n"/></td>
                    <td>Wechat：</td>
                    <td><input type="text" id="x"/></td>
                    <td>留言时间：</td>
                    <td><input type="text" id="t" placeholder=""/></td>
                </tr>
                <tr>
                    <td>留言内容：</td>
                    <td colspan="5"><textarea id="txt" cols="86" rows="5" placeholder="评论的时候，请遵纪守法并注意语言文明"></textarea>
                    </td>
                </tr>
            </table>
            <div align="center">
                <input type="submit" value="提交留言" onclick="check()">
                <input type="reset" value="重置内容">
            </div>
        </form>
    </div>
    <!-- 5 版权区-->
    <div id="footer">
        <p class="p1">Copyright&nbsp;&copy;&nbsp;2022&nbsp;<span>LINBO</span>,All&nbsp;rights&nbsp;reserved.</p>
        <p class="p2">2022,版权所有&nbsp;LIN&nbsp;</p>
    </div>
</div>
</body>
</html>
